#header{
	background-color: #306aae;
}
#content{
	margin-top: .6rem;
}
.column{
	flex: 0 0 28%;
	max-width: 28%;
}
.column, .column ul{
	padding: 0;
	list-style: none;
}
.column ul li{
	width: 100%;
	height: 2.8rem;
	font-size: 10px;
	color: #fff;
	text-align: center;
	background-color: #306aae;
	border-bottom: 1px solid #fff;
}
.column ul li .row{
	height: 100%;
	margin: 0;
	padding:6% 0;
}
.column ul li .row .col-12{
	height: 40%;
	padding: 0;
}
.column .active{
	background-color: #f86941;
}
.column .active_com{
	background-color: #306aae !important;
}
.column_content{
	padding-left: 5%;
	padding-right: 3%;
	flex: 0 0 72%;
	max-width: 72%;
}
.column_content > .row{
	margin:.4rem 0;
	margin-bottom: 1rem;
	position: relative;
}
.state_passed{
	box-shadow: #e7e7e7 0.1rem 0.1rem 0.1rem;
}
.state_failed{
	background-color: #e7e7e7;
}
.state_passed, .state_failed{
	border-radius: .2rem;
}
.content_detail_a{
	color: #fff;
	padding: 0px;
	background-color: #f86941;
	border-radius: .2rem;
    margin-left: -0.4rem;
    margin-top: -.4rem;
}
.content_detail_a .row{
	margin:0;
	height: 100%;
}
.content_detail_a .col-12:nth-child(1){
	font-size: 18px;
	height: 68%;
	padding-left: .4rem;
}
.content_detail_a .col-12:nth-child(2){
	font-size: 10px;
	text-align: right;
	padding-right: .4rem;
}
.font_b{
	font-size: 8px;
	color: #737891;
	margin: .4rem 0;
}
.content_detail_b{
	margin:0;
	margin-left: -.4rem;
	padding-top: .4rem;
	padding-right:0;
}
.content_detail_b span{
	display: block;
	margin:.1rem 0;
}
.state_img{
	position: absolute;
	right: .2rem;
	bottom: .2rem;
	text-align: right;
	height: 50%;
}
.state_img img{
	max-height: 100%;
}